<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>佣金明细</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<link rel="stylesheet" type="text/css" href="./css/dropload.css">
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="./js/lib/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
	<script src="./js/lib/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>

	<link href="./css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<script src="./js/lib/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
	<script src="./js/lib/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>

	<!-- S 可根据自己喜好引入样式风格文件 -->
	<script src="./js/lib/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
	<link href="./css/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
	<!-- E 可根据自己喜好引入样式风格文件 -->
</head>
<script>
	//获取像素比
	var pixelRatio = 1 / window.devicePixelRatio;
	//通过js动态设置视口(viewport)
	// document.write('<meta name="viewport" content="width=device-width,initial-scale='+pixelRatio+',minimum-scale='+pixelRatio+',maximum-scale='+pixelRatio+'" />');
	// 获取html节点
	var html = document.getElementsByTagName('html')[0];
	// 获取屏幕宽度
	var pageWidth = html.getBoundingClientRect().width;
	// 屏幕宽度 / 固定数值 = 基准值
	html.style.fontSize = pageWidth / 16 + "px";
</script>
<body data-type = "commission">

<div class="detailed">
        <ul class="detailed_card cleafix">
        	<li>
        		<h3>历史佣金</h3>
        		<strong>0.0</strong>
        	</li>
        	<li>
        		<h3>可用余额</h3>
        		<strong>0.00</strong>
        	</li>
        	<li>
        		<h3>已提现/兑换</h3>
        		<strong>0.0</strong>
        	</li>
        </ul>
        <div class="detailed_time cleafix">
            <div class="time_num"><input type="text" name="_query.startTime" value=''  id="begin_time" placeholder="开始时间"></div>
            <span>至</span>
            <div class="time_num"><input type="text" name="_query.endTime" value='' id="end_time" placeholder="结束时间"></div>
        	<button id="search">查询</button>
        </div>
        <input type="hidden" name="pageUp" value="1">
    	<input type="hidden" name="pageDown" value="2">
		<div class="detailed_data">
			<table>
				<thead>
				    <tr>
				    	<th>客户手机号</th>
						<th>产品名称</th>
						<th>佣金</th>
						<th>日期</th>
				    </tr>
				</thead>
				<tbody class="commissionList">
		        </tbody>
			</table>
			<div class="data_empty"><span><em>暂无佣金记录哦！</em></span></div>
		</div>
    </div>
</body>
	<script type="text/javascript">
		$(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
				display: 'modal', //显示方式 
				mode: 'scroller', //日期选择模式
				lang:'zh',
				startYear:currYear-10, //开始年份
				endYear:currYear + 10 //结束年份
			};

			$("#begin_time").scroller('destroy').scroller($.extend(opt['date'], opt['default']));
			//设置初始化时间（当天） 
			var firstDate=$("#begin_time").val();
			if(firstDate != ""){
				firstDate = new Date(firstDate);
				$("#begin_time").mobiscroll('setDate', firstDate, true);
			}
			
			$("#end_time").scroller('destroy').scroller($.extend(opt['date'], opt['default']));
			var secondDate=$("#end_time").val();
			if(secondDate != ""){
				secondDate = new Date(secondDate);
				$("#end_time").mobiscroll('setDate', secondDate, true);
			}
		});
	</script>

	<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</html>